<template>
	<view class="">
		<view class="head-wrap" >
			<view class="head-wrap-sx">
				<u-tabs lineWidth="40px" lineColor="#EE4B4E" :list="tablist" @click="tabsClick" :current="tabIndex"></u-tabs>
			</view>
		</view>
		<block v-if="list.length > 0">
		<swiper :style="{ height: height }" :current="tabIndex" @change="swiperChange">
			<swiper-item v-for="(tab, i) in tablist" :key="i">
				<mescroll-item
					ref="mescrollItem"
					:i="i"
					:skeyword="keyword"
					:index="tabIndex"
					:tabs="tablist"
					:coupon="coupon"
					:maxPrice="maxPrice"
					:minPrice="minPrice"
					:sort="sort"
					:order="order"
					:isFreeShipping="isFreeShipping"
					:isList="isList"
					:listTop="listTop"
					:categoryModel="categoryModel"
					
				></mescroll-item>
			</swiper-item>
		</swiper>
		</block>
		<block v-else>
			 <fsw-empty :isIndex="!1" :fixed="!1"></fsw-empty>
		 </block>
	</view>
</template>

<script>
	import list from '../public/js/coupon.js';
	import MescrollItem from './mescroll-swiper-item.vue';
	export default {
		components: {
			MescrollItem, 
		},
		mixins: [list],
		data() {
			return {
				
			}
		}, 
		methods: {
			
		}
	}
	
	 
</script>

<style lang="scss">
@import '../public/css/coupon.scss';
 
</style>
